<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column label="编码" prop="card_sn" />
      <!-- <el-table-column label="卡名称" prop="kmc" /> -->
      <!-- <el-table-column label="说明" prop="name" /> -->
      <el-table-column label="卡总额 " prop="card_amount" />
      <el-table-column label="赠送金总额" prop="gift_amount" />
      <el-table-column label="卡余额" prop="card_balance" />
      <el-table-column label="赠送金余额" prop="gift_balance" />
      <!-- <el-table-column label="合计" prop="gift_balance" /> -->
    </el-table>
  </div>
</template>

<script>
  //
  import { cusPrepaid } from '@/api/customer'

  export default {
    components: {},
    props: {
      // reportgroupid: {
      //   type: Number,
      //   required: true,
      // },
      cusid: {
        type: Number,
        required: true,
      },
    },
    data() {
      return {
        tableData: [],
      }
    },
    watch: {},

    mounted() {
      this.init()
    },
    methods: {
      init() {
        const data = {
          cus_id: this.cusid,
        }
        cusPrepaid(data).then((e) => {
          this.tableData = e.data
        })
      },
    },
  }
</script>

<style></style>
